/* CSS Document */

*{text-overflow: ellipsis;
/*去掉移动端点击阴影方块*/
-webkit-tap-highlight-color:transparent;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
tap-highlight-color: rgba(0, 0, 0, 0);outline:none;word-break:break-all;}
html{ width:100%; text-align:center}
body{
	margin: auto;
	position:relative;
	font-size: 16px;
	line-height: 2;
	color: #333333;
	min-width:1200px;
	max-width:100%;
	text-align:left;
	overflow-x:hidden;
/*	font-family: Microsoft Yahei,arial,Hiragino Sans GB,sans-serif;*/
	font-family: 'HELVETICANEUELTPRO-THEX',"Microsoft YaHei", "微软雅黑", Arial, sans-serif;
}
body.isba{ background-color:#F6F6F6}
body>div{ max-width:100%; overflow:hidden;}
div,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,input,button,textarea,p,th,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{ margin-left:auto; margin-right:auto; margin-top:5px; margin-bottom:5px;}

table{
border-collapse: collapse;
}
a{
color: #333333;
text-decoration: none;	text-decoration: none;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}

a:hover{
	color: #197DDD;
}
img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
img[align="left"]{ margin-right:10px;}
img[align="right"]{ margin-left:10px;}
ul,li,p,dl,dt{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
div,span{text-overflow: ellipsis;}
@-webkit-keyframes mycolor{
		0%{
				
				}
				30%{
		
					transform: rotate(90deg);
					
				}
				
				60%{
		
					transform: rotate(270deg);
					
				}
				
				100%{
			
					transform: rotate(360deg);
				
				}
	}

.clear{ clear:both}
/*垂直居中*/
.center{ display: flex;
    justify-content:center;
    align-items:center;}
/*图片放大*/
.fd img{    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;}
.fd:hover img{    transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);}
.xz .iconfont{ transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;}
.xz:hover .iconfont {transform: rotate(360deg);}


.fl{ float:left}
.fr{ float:right}
.box{
	width:1250px;
	margin:auto;
	min-width:1250px;

}





.app_header{ display:none;}


.app_top{width:100%;height:211px; float:left;}
.headert{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	float:left;
	z-index:5;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
}
.app_top2{width:100%;height:112px; float:left;}
.app_top3{width:100%;height:80px; float:left;}
#menu{ z-index:22;}


#footnav{
	position: fixed; z-index:2;
	left: 0px;
	bottom: 0px; float:left; width:100%; background-color:rgba(18,99,206,0.6);/* background-color:#1263CE;*/ display:none;
}
#footnav a{
	float:left;
	width:33.3333%;
	text-align:center;
	position: relative; line-height:35px; color:#FFFFFF;
}
#footnav a i{ margin-right:5px;}
#footnav a:after{ content:'';
	position: absolute;
	height: 100%;
	left: 0px;
	top: 0px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color:rgba(0,0,0,0.2);
}
#footnav a:before{content:'';	border-left-width: 1px;
	border-left-style: solid;
	border-left-color:rgba(255,255,255,0.2);
	position: absolute;
	height: 100%;
	right: 0px;
	top: 0px;
}
#footnav a:nth-child(1):after{ display:none}

#footnav a span{ display:inline-block; position:relative; padding-left:25px;}
#footnav a span i{ font-size:20px; line-height:1; float:left; position:absolute; top:50%; margin-top:-10px; left:0;}
#menu{ background-color:#1263CE;}


/*内页底部*/
.pagination{ clear:both; text-align:center; padding-top:20px;}
.pagination li{
	display:inline-block;
	border: 1px solid #dddddd;
	padding-left:12px;
	padding-right:10px;
	margin: 0px; overflow:hidden; background-color:#FFFFFF;
}

.pagination li+li{
	border-left-style: none; 
}
.pagination li:first-child+li{border: 1px solid #dddddd;border-radius:3px 0 0 3px;}
.pagination li:last-child,.pagination li:first-child{border: 1px solid #dddddd;border-radius:3px;}
.pagination li:nth-last-child(2){border-radius:0 3px 3px 0;}
.pagination li.disabled{}
.pagination li.active{ background-color: #197DDD; color:#FFFFFF}

.pagination li a{ color:#333333}



#header{
	float:left;
	width:100%;
	z-index:2;
	background-image: url(topbg.jpg);
	background-repeat: repeat;
	background-position: center top;
	
}
#top{
	background-image: url(topbg2.png);
	background-repeat: no-repeat;
	background-position: center top;line-height:46px;
}

#top .fl ,#top .fl .iconfont{ color:#999999}
#top {font-size:14px;}

#top .fr>span,#top .fr>a{ display:inline-block; color:#FFFFFF; margin-left:8px; margin-right:8px;}
#top .fr,#top .fr a{ color:#ffffff;}
#top .iconfont{ margin-right:3px;}
#top .fl{ line-height:37px;}
#top .lang{ position:relative; cursor:pointer;}
#top .lang>div{ position:absolute; top:46px; right:0; background-color:#FFFFFF; color:#333333; width:100px; cursor:default; display:none;}
#top .lang>div a{
	color:#333333;
	display:block;
	text-align:center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd; line-height:1.2; padding-top:10px; padding-bottom:10px;
}
#top .lang>div a:hover{ background-color:rgba(100,100,100,0.2);}
#header .tel{
	background-image: url(i4.png);
	background-repeat: no-repeat;
	background-position: left center; padding-left:60px; line-height:1.2; min-height:50px; margin-top:20px;
}
#header .tel> font,#header .tel> span{ display:block; font-size:16px;}
#header .tel font{
	color:#FF760C;
	font-size:26px;
	font-style: italic;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

#header .logo img{ float:left;}
#header .logo >a>div{
	margin-left:460px;
	line-height:1.3;
	margin-top:20px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #dddddd; padding-left:10px;
}
#header .logo >a>div>span,#header .logo >a>div>font{ display:block}
#header .logo >a>div>span{	color:#FF760C;
	font-size:26px; font-weight:bold;}
#header .logo >a>div>font{ color:#666}
.searchbg{  position:fixed; height:200px; width:500px; margin-left:-250px; z-index:33; left:50%; top:50%; margin-top:-100px; display:none; text-align:center;}
.searchbg,.searchbg+.bg,.searchbg .close{-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}
.searchbtn{ cursor:pointer;}
.searchbg input{
	height: 40px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none; float:left; width:350px; padding-left:20px; padding-right:20px;
}
.searchbg  button{ float:left;
	background-color:#FF9900;
	width:40px;
	height:40px;
	text-align:center;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.searchbg  button span{ color:#ffffff; font-size:24px;}
.searchbg .close{ position:fixed; top:0; right:0; width:50px; line-height:50px; text-align:center; z-index:34; cursor:pointer;}
.searchbg .close span{ color:#ffffff; font-size:32px;}
.searchbg.hover{ display:block;  top:50%;  }
.searchbg.hover+.bg{ background-color:#333333; position:fixed; height:100%; width:100%; z-index:32; left:0; top:0;}

#nav{ background-color:#0676E2; color:#FFFFFF;}
#nav .box>ul{
	width:100%;
	display: table; padding:0; margin:0;
}
#nav .box>ul >li{
	display: table-cell; text-align:center; position:relative; padding:0; margin:0;
}
#nav .box>ul >li>a{ line-height:1.2; padding-top:10px; height:50px; padding-bottom:10px; display:block; color:#FFFFFF}
#nav .box>ul >li>a>span{ line-height:30px;}
#nav .box>ul >li>a>font{	text-transform: uppercase; line-height:20px;}
#nav .box>ul >li>a>span,#nav .box>ul >li>a>font{
	display:block;

}
#nav .box>ul >li>a>font{ font-size:13px; color:rgba(255,255,255,0.8);}
#nav .box>ul >li ul{ position:absolute; top:70px; width:100%; left:0; z-index:2;background-color:#0676E2; background-color:rgba(6,118,226,0.9); display:none; }
#nav .box>ul >li ul ul{ top:0; left:100%;}
#nav .box>ul >li ul li{ text-align:center;}
#nav .box>ul >li ul li a{
	text-align:center;
	color:#ffffff;
	display:block;
	font-size:14px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color:rgba(255,255,255,0.3);
	border-bottom-color:rgba(0,0,0,0.1); padding-top:5px; padding-bottom:5px;
}
#nav .box>ul >li ul li a:hover{ background-color:rgba(0,0,0,0.2);}
#nav .box>ul >li ul li a font{ display:none}
#nav .box>ul >li.active,#nav .box>ul >li:hover{ background-color:#FF760C;}
#nav .box>ul >li.active:after,#nav .box>ul >li:hover:after{ content:''; top:-10px; width:100%; height:10px;background-color:#FF760C; position:absolute; left:0;}

.flash{ position:relative; overflow:hidden;}
.flash .swiper-container{ overflow:hidden;}


.flash .swiper-slide{ position:relative}
.flash .swiper-slide .txt{ Opacity:0;position:absolute; left:15%; top:80%; margin-top:-100px; color:#FFFFFF;-webkit-transition:2000ms; -moz-transition:2000ms; -ms-transition:2000ms; transition:2000ms;}






/*.flash .swiper-slide .txt{top:50%;}*/
.flash .swiper-slide .txt .h1{
	font-size:103px;
	font-weight: bold;-webkit-transition:4s; -moz-transition:4s; -ms-transition:4s; transition:4s;
}

.flash .swiper-slide .txt .h2{ margin-top:100px;
	font-size:40px;
	letter-spacing: 0.8em;-webkit-transition:2s; -moz-transition:2s; -ms-transition:2s; transition:2s;
}



.flash .swiper-slide-active .txt .h2,.flash .swiper-slide.hover .txt .h2{ margin-top:0px;}
.flash .swiper-slide-active .txt,.flash .swiper-slide.hove .txt{top:50%;Opacity:1;}

.flash .swiper-slide-active.hover .txt .h2{margin-top:100px;}
.flash .swiper-slide-active.hover .txt{top:80%;}



.flash .swiper-slide{ overflow:hidden;}

.flash  .swiper-container-horizontal > .swiper-pagination-bullets{ bottom:70px; left:0px;border-radius: 0%; text-align:center;}


.flash .phone,.banner .phone{ display:none}
.flash{ overflow:hidden; position:relative;}
.flash .swiper-pagination{ bottom:30px; left:0px; text-align:center; width:100%; z-index:22;}
.flash .swiper-pagination img{ display:none}


.flash .swiper-pagination .swiper-pagination-bullet{
    width:12px;
	height:12px;
	/*margin-right:155px;*/
	opacity: 1;
	border: 3px solid #ffffff; background-color:rgba(255,255,255,0); position:relative; margin-bottom:6px;

}


.flash .swiper-pagination .swiper-pagination-bullet-active
{

	border-color:#FF760C; 
}

.flash .swiper-slide *{ max-width:100%;}


.flash .tv{ position:absolute; right:20%; width:33vw; z-index:3; top:50%; margin-top:-12.5vw; background-color:#999999; background-color:rgba(200,200,200,0.9);}
.flash .tv video{  height:25vw;width:33vw}
.foot{ margin-top:50px;}
.footnav{ background-color:#0E7ADD; padding-top:70px; padding-bottom:150px; text-align:center;}
.footnav,.footnav a{ color:#ffffff;}
.footnav .ul>ul{
	float:left;
	width:80%;
	width:calc(100% - 200px);
	display: table; 
}
.footnav .ul>.qrcode{ float:right; width:200px;}
.footnav .ul>ul> li{
	display: table-cell;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ffffff;	border-color: rgba(255,255,255,0.2); position:relative;padding-bottom:15px;
}
.footnav .ul>ul> li ul li a{ font-size:15px; color:rgba(255,255,255,0.6);}
.footnav .ul>ul> li ul li a:hover{color:rgba(255,255,255,0.8);}
.footnav .ul>ul ul ul{ display:none}
.footnav ul li font{ display:none}
.footnav .ul{ width:100%; float:left; width:100%;
	border-width: 1px;
	border-style: solid;
	border-color: #ffffff;
	border-color: rgba(255,255,255,0.2);
	border-top-style: none; position:relative;
}

.footnav .ul>ul> li:after,.footnav .ul:after,.footnav .ul:before{
	content:'';
	position:absolute;
	top:0;
	right:-1px;
	height:50px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}

.footnav .ul:before{ left:-1px; right:auto;}
.lianxi{
	 position:absolute; bottom:calc(100% + 40px); left:0; z-index:2; float:left; width:100%;
}
.lianxi .fr{ width:calc(100% - 350px);}
.lianxi .fr .item{ float:left; width:33.3333%;
}
.lianxi .item>div{background-color:#FFFFFF;box-shadow:0 0 5px rgba(50,50,50,0.3);border-radius:5px;  font-size:16px; text-align:center; margin-left:20px;color:#616161; padding:10px; padding-top:30px; padding-bottom:30px;}
.lianxi .item>div .t3{ font-size:14px;}
.lianxi .item1{ width:325px;}
.lianxi .item1>div{ padding:10px;
	box-shadow:0 0 0px rgba(50,50,50,0);
	border: 15px solid #E5E5E5;
	background-image: url(lxr.jpg);
	background-repeat: no-repeat;
	background-position: 20px center;
	padding-left: 100px;
	height:80px;
	line-height:80px;
	padding-right:50px;
	border-radius:100px;
	font-size:18px;
	float:left;
	white-space: nowrap; position:absolute; bottom:0; left:0;
}


.lianxi .item>div .iconfont{ font-size:32px; text-align:center; background-color:#F3F3F3; color:#616161;border-radius:100%; width:40px; width:40px; line-height:40px; padding:10px;margin-bottom:10px; display:inline-block; }


.copy{ clear:both; font-size:14px; position:relative;}
.copy .box{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dddddd; margin-top:100px; padding-top:20px; padding-bottom:20px; position:relative;
}
.copy,.copy a{ color:#666666;}



/*首页*/
.pro,.case{ z-index:2; padding-top:80px;}
.pro .probg{
	background-image: url(probg.png);
	background-repeat: no-repeat;
	background-position: center top; padding-bottom:30px; background-size:100% 100%;
}
.pro .probg,.pro .probg a{ color:#ffffff;}
.title2 .etitle{ text-align:center; font-size:43px; line-height:43px; position:relative; padding-bottom:10px; padding-top:10px;}
.title2 .etitle span{ color:#ff6600; font-weight:bold; margin-right:5px; display:inline-block; margin-right:10px;}
.title2 .etitle span+i{color:#ff6600;
	font-size:22px;
	font-style: normal; display:inline-block;  line-height:22px; margin-top:-10px; position:absolute; left:50%; top:50%; margin-top:-11px; margin-left:-5px;
}
.title2 .etitle span+i+font{ color:#000000; display:inline-block; margin-left:10px;}
.title2 .dp{ font-size:16px; color:#666666; color:rgba(50,50,50,0.45); position:relative; padding-bottom:20px; margin-bottom:50px;}
.title2 .dp:after,.title2 .dp:before{
	content:'';
	position:absolute;
	bottom:0;
	left:50%;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #1578d3; width:2em; margin-left:-2em;
}
.title2 .dp:before{ margin-left:0px;border-color: #ff6600;}
.pro .tab{
	display: table; width:100%; text-align:center;
}
.pro .tab>span{
	display:table-cell;
	color:#666666;
	color:rgba(50,50,50,0.45);
	background-color: #f1f1f1;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ffffff; line-height:60px; 
}
.pro .tab>span>font{
	display:inline-block;
	padding-left:35px;
	background-repeat: no-repeat;
	background-position: left center;
}

.pro .tab>span:nth-child(1)>font{ padding-left:60px;}
.pro .tab>span.hover{ background-color:#1578d3; color:#FFFFFF;}
.pro .econtent{ display:none; padding-top:50px;}
.pro .econtent.hover{ display:block;}
.pro .econtent>.left{ float:left; width:45%; background-color:#f5f5f5; min-height:680px; max-height:680px; overflow:hidden;}
.pro .econtent>.left .swiper-container{min-height:680px; max-height:680px; overflow:hidden;}
.pro .econtent>.left .swiper-container .txt{ display:block; padding:50px; padding-left:50px; padding-right:50px;}
.pro .econtent>.left .title{
	color:#FF6600;
	font-size:36px;
	font-weight:bold;
	white-space: nowrap;
	overflow: hidden;
}
.pro .econtent>.left .hc{color:#666666; font-size:20px;white-space: nowrap;
	overflow: hidden; }
.pro .econtent>.left img{ width:100%;}
.pro .econtent>.right{ float:right; width:54%;}
.pro .econtent>.right .picli{ float:left; width:48%; margin-left:2%; margin-bottom:15px;}
.pro .econtent>.right .picli .img{ overflow:hidden; position:relative; float:left; width:100%;}
.pro .econtent>.right .picli .img:after{ content:''; position:absolute; top:0%;  width:100%; height:100%; z-index:1; font-size:48px; color:rgba(255,255,255,0.6); background-color:rgba(0,0,0,0.5); display:none;}
	.pro .econtent>.right .picli .img .iconfont{
	position:absolute;
	width:50px;
	height:50px; text-align:center; line-height:50px;
	left:50%;
	top:50%;
	margin-top:-25px;
	margin-left:-25px;
	border: 1px solid rgba(255,255,255,0.4); color:rgba(255,255,255,0.6); font-size:36px;border-radius:100%; display:none;
}
	
		.pro .econtent>.right .picli .img .ico{
	display: flex;
	justify-content:center;
	align-items:center;
	width:100%;
	height:100%;
	position:absolute;
	top:0%;
	left:0%;
	border: 1px solid rgba(255,255,255,0); z-index:2;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}

.pro .econtent>.right .picli:hover .img .ico{

	width:80%;
	height:80%;

	top:10%;
	left:10%;border: 1px solid rgba(255,255,255,0.1); 

}
.pro .econtent>.right .picli:hover .img .iconfont{ display:block}

	
.pro .econtent>.right .picli .img img{ max-width:100%; min-height:290px; max-height:290px;}
.pro .econtent>.right .picli:nth-child(2n+1){ clear:both;}
.pro .econtent>.right .picli .title{ line-height:30px; padding-top:10px; padding-bottom:10px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden; padding-left:10px; padding-right:10px;
}
.pro .econtent>.right .picli:hover .title{ background-color:#FF6600; color:#FFFFFF}


	
.pro .econtent>.right .picli:hover .img:after,.pro .econtent>.right .picli:hover .img .ico{ display:block;}

.pro .econtent  .swiper-button-next,.pro .econtent  .swiper-button-prev{ background-color:#ddd; width:40px; height:40px; text-align:center; line-height:40px; background-image:none;border-radius:100%; padding:0; top:30%; margin-top:-20px;color:#666666;}
.pro .econtent  .swiper-button-next span,.pro .econtent  .swiper-button-prev span{ font-size:32px; }
.pro .econtent  .swiper-button-next:hover,.pro .econtent  .swiper-button-prev:hover{ background-color:#FF6600; color:#FFFFFF}
.pro .econtent  .swiper-pagination .swiper-pagination-bullet{ margin-right:10px;}
.pro .econtent  .swiper-pagination .swiper-pagination-bullet-active{
    width:8px;
	height:8px;
	/*margin-right:155px;*/
	opacity: 1;
	border: 2px solid #FF760C;  background-color:rgba(255,255,255,0); margin-bottom:-1px;

}

.pro .econtent .more{ clear:both; text-align:center; padding-top:30px; padding-bottom:30px;}
.pro .econtent .more a,.pro .zixun .more2 a{ display:inline-block; padding-right:50px; padding-left:50px;	border: 2px solid #ffffff;border-color:rgba(255,255,255,0.8); border-radius:50px;}
.pro .econtent .more a .iconfont,.pro .zixun .more2 a .iconfont{ margin-right:5px;}
.pro .econtent .more a:hover,.pro .zixun .more2 a:hover{ background-color:#FF760C; color:#FFFFFF; border-color:#FF760C; }
.pro .zixun{ text-align:center; padding-top:50px; position:relative; padding-bottom:130px;}
.pro .zixun .h1{ font-size:34px; font-weight:bold; line-height:1.5; padding-bottom:10px; padding-top:10px;}
.pro .zixun .h2{ font-size:21px;line-height:1.5; padding-bottom:10px; padding-top:10px;}
.pro .zixun .more2{ padding-top:30px;}
.pro .zixun .more2 a .iconfont{ font-size:22px;}
.pro .zixun .hcontent{ position:absolute; bottom:-120px; left:0; width:100%; background-color:#ffffff; margin-top:30px; padding:50px;  z-index:2; box-shadow:0 0 5px rgba(50,50,50,0.5);}

.pro .zixun .hcontent img{ min-height:50px; max-width:50px; max-width:100%;}

.pro .zixun .hcontent  .swiper-button-next,.pro .zixun .hcontent  .swiper-button-prev{
	background-color:#FFFFFF;
	width:40px;
	height:40px;
	text-align:center;
	line-height:40px;
	background-image:none;
	border-radius:100%;
	padding:0;
	top:50%;
	margin-top:-20px;
	color:#666666;
	border: 3px solid #999; padding:0;overflow:hidden;
}
.pro .zixun .hcontent   .swiper-button-next span,.pro .zixun .hcontent  .swiper-button-prev span{ font-size:40px; margin:auto; color:#999999; }

.pro .zixun .hcontent  .swiper-button-next:hover,.pro .zixun .hcontent  .swiper-button-prev:hover,
.pro .zixun .hcontent  .swiper-button-next:hover span,.pro .zixun .hcontent  .swiper-button-prev:hover span{ background-color:#0C6FCC; border-color:#0C6FCC; color:#FFFFFF;}

.about{ clear:both; background-color:#EEEEEE; padding-top:200px; padding-bottom:50px;}
.about .etitle{ display:none}

.about .econtent .img{ float:left; width:640px; overflow:hidden;}
.about .econtent .img img{ width:100%;}
.about .econtent .img+.right{ margin-left:750px;}
.about .econtent .img+.right .title { line-height:1.2;}
.about .econtent .img+.right .title span{
	display:block;
	font-size:16px;
	color:#666666;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
.about .econtent .img+.right .title b{ font-size:32px; color:#1478d4; display:block;}
.about .econtent .img+.right  .hcontent{ color:#999; font-size:15px; margin-top:30px;}
.about .econtent .img+.right *{ max-width:100%;}
.about .econtent .img+.right .more{ padding-top:30px;}
.about .econtent .img+.right .more a{
	border: 1px solid #dddddd;
	color: #999999;border-radius:50px; padding-right:30px; padding-left:30px; display:inline-block;
}
.about .econtent .img+.right .more a:hover{ background-color:#0C6FCC; color:#FFFFFF}
.about .econtent .img+.right .more a:hover .iconfont{ color:#FFFFFF}
.about .econtent .img+.right .more a .iconfont{ margin-left:5px;}
.about .ys{
	display: table; width:100%; color:#999999; line-height:1.5;
}
.about .ys .item{
	display: table-cell; font-size:15px; text-align:center;
}
.about .ys .item>span{ display:block;color:#0C6FCC;font-size:58px;}
.about .ys .item>span i{

	font-style: normal;
	font-weight: bold;
}
.about .ys .item>font{ display:block}

.about .pinpai{ clear:both; padding-top:30px; padding-bottom:30px;}
.about .pinpai .hc{ padding:20px; display:none;}
.about .pinpai .hc.hover{ display:block;}
.about .pinpai .hc .picli *{ max-width:100%;}
.about .pinpai .tab{ line-height:45px;}
/*.pinpai .hc .picli .ico{ display:none}*/
.pinpai .hc .picli .img{ position:relative; overflow:hidden;}
.pinpai .hc .picli{ text-align:center;}
.pinpai .hc .picli .ntitle{ line-height:1.2; padding-left:10px; padding-right:10px; color:#FFFFFF;}
.pinpai .hc .picli .ico{ position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.6); z-index:3;display: flex;
    justify-content:center;
    align-items:center; display:none; text-align:center;}
.pinpai .hc .picli:hover .ico{ display:flex;}	
.pinpai .hc .picli .ico .iconfont{ color:#FFFFFF; font-size:38px;}

.pinpai  .hc{ position:relative; padding:0;}
.pinpai .swiper-button-next,.pinpai  .swiper-button-prev{

	width:40px;
	height:40px;
	text-align:center;
	line-height:40px;
	background-image:none;
	border-radius:100%;
	padding:0;
	top:50%;
	margin-top:-20px;
	color:#666666;
	padding:0;overflow:hidden; 
}
.pinpai  .swiper-button-prev{ right:-20px;}
.pinpai .swiper-button-next{ left:-40px;}
.pinpai .swiper-button-next .iconfont,.pinpai  .swiper-button-prev .iconfont{ font-size:60px;}

span.tab_btn,.morei{-webkit-transition:0ms; -moz-transition:0ms; -ms-transition:0ms; transition:0ms;
	display:inline-block;
	position:relative;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #dddddd;
	border-bottom-color: #dddddd; margin-left:20px; margin-right:20px;padding-left:20px; padding-right:20px;  cursor:pointer; line-height:45px;
}
span.tab_btn:after,span.tab_btn:before,.morei:after,.morei:before{ content:'';
	background-image: url(bk2.png);
	background-repeat: no-repeat;
	background-position: left center;
	width: 14px; height:47px;

	left: -14px;
	top: 0px;
	position: absolute;
}
span.tab_btn:before,.morei:before{ left:auto; right:-14px;background-image: url(bk1.png);}



span.tab_btn.hover,.morei:hover{ background-color:#ff6600; color:#FFFFFF}
span.tab_btn.hover:after,.morei:hover:after{	content:'';
	position:absolute;
	border-right-width:15px;
	border-bottom-width: 22.5px;
	border-left-width:15px;
	border-top-width: 22.5px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: rgba(0,0,0,0);
	border-right-color: #dddddd;
	border-bottom-color:  rgba(0,0,0,0);
	border-left-color: rgba(0,0,0,0); left:-30px; top:0;border-right-color:#FF6600; height:0; width:0;background-image:none;}
span.tab_btn.hover:before,.morei:hover:before{  content:''; position:absolute;border-top-width: 22.5px; height:0; width:0; background-image:none;
	border-right-width:15px;
	border-bottom-width: 22.5px;
	border-left-width:15px;
	border-top-width: 22.5px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: rgba(0,0,0,0);
	border-right-color: rgba(0,0,0,0);
	border-bottom-color:  rgba(0,0,0,0);
	border-left-color: #dddddd; right:-30px; top:0; border-left-color:#FF6600; color:#FFFFFF}
	
	

.morei{ float:right;	float:right;
	color:#666666; padding-left:10px; padding-right:10px;}	

	
.case .tab{ text-align:center;}
.case .econtent{ clear:both; padding-top:50px; display:none;}
.case .econtent.hover{ display:block;}
.case .econtent .picli{ float:left; width:23%; margin-left:1%; margin-right:1%; position:relative; margin-bottom:10px;}
.case .econtent .picli:nth-child(4n+1){ clear:both;}
.case .econtent .picli .img{ overflow:hidden; max-height:270px;}
.case .econtent .picli .img img{ width:100%;}
.case .econtent .picli .ico{ position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); color:#ffffff; display:none}
.case .econtent .picli .ico>div{ padding:20px; text-align:center; line-height:1.5;}
.case .econtent .picli .ico>div .iconfont{
	font-size:20px;
	border: 1px solid #ffffff;border-radius:100%; padding:5px;
}
.case .econtent .picli .ico>div .ntitle{ margin-bottom:10px;}
.case .econtent .picli:hover .ico{ display: flex;}
.case .more{ text-align:center; line-height:45px; padding-bottom:50px; clear:both; padding-top:50px;}
.case .more a{
	display:inline-block;
	position:relative;
	background-color:#197DDD;
	padding-right: 80px;
	padding-left: 50px;
	border: 2px solid #dddddd; color:#ffffff;border-radius:40px; overflow:hidden;
}
.case .more a:hover{ background-color:#ff6600;}
.case .more a:before{ content:''; height:46px; width:32px; position:absolute; top:-1; right:-1px; background-color:#ffffff; -webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}
.case .more a:after{ position:absolute; top:0; right:30px;
	content:'';
/*	height:45px;*/
/*	background-color:#FFFFFF;*/
	border-top-width: 25px;
	border-right-width: 25px;
	border-bottom-width: 25px;
	border-left-width: 25px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color:  rgba(255,255,255,0);
	border-right-color: #ffffff;
	border-bottom-color: #ffffff;
	border-left-color: rgba(255,255,255,0);-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}
.case .more a:hover:before{ width:42px;}
.case .more a:hover:after{ right:40px;}

.news .tab{ text-align:center;}

.case2{ padding-top:80px; padding-bottom:80px;}
.case2 .picli{ line-height:1.5;}
.case2 .picli .img{ overflow:hidden; position:relative;}
.case2 .picli .img img{ width:100%;}
.case2 .picli .right{ padding:20px;}
.case2 .picli:hover .right{ background-color:#197DDD; color:#FFFFFF}
.case2 .picli .ntitle{
	font-size:18px;
	margin-bottom:10px;
	white-space: nowrap;
	overflow: hidden;
}
.case2 .picli:hover .img:after{ content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.6);}
.case2 .picli .contentdp{ color:#999999; font-size:15px; min-height:3em; overflow:hidden; max-height:3em;}
.case2 .picli .more{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #eeeeee; margin-top:10px; font-size:14px; padding-top:10px; color:#666666;border-top-color:rgba(200,200,200,0.3);
}
.case2 .picli:hover .right .contentdp,.case2 .picli:hover .more{ color:#ffffff;}
.case2 .econtent+ .more,.about .hc .more{ text-align:center; padding-top:50px; line-height:45px; text-align:center;}
.about .hc .more{ display:none}
.case2 .econtent+ .more a,.about .hc .more a{
	display:inline-block;
	position:relative;

	padding-right: 50px;
	padding-left: 50px;
	border: 2px solid #dddddd; border-radius:40px; overflow:hidden; color:#999999;
}
.case2 .econtent+ .more a:hover,.about .hc .more a:hover{color:#ffffff;	background-color:#197DDD;}

.case2 .econtent{ position:relative;}

.case2  .swiper-button-next,.case2   .swiper-button-prev{

	width:60px;
	height:60px;
	text-align:center;
	line-height:60px;
	background-image:none;
	border-radius:100%;
	padding:0;
	top:50%;
	margin-top:-20px;
	color:#666666;
	padding:0;overflow:hidden; background-color:#9FA3A6; text-align:center; 
}
.case2   .swiper-button-prev{ right:-70px;}
.case2  .swiper-button-next{ left:-70px;}
.case2  .swiper-button-next .iconfont,.case2   .swiper-button-prev .iconfont{ font-size:30px; color:#FFFFFF}
.case2  .swiper-button-next:hover,.case2   .swiper-button-prev:hover{ background-color:#317DDD}


.news{ background-color:#FBFBFB; padding-top:80px; padding-bottom:80px;}
.news .left,.news .right{ width:48%; float:left;}
.news .right{ float:right}
.news .title{ margin-bottom:20px; line-height:55px;}
.news .title b{-webkit-transition:300ms; -moz-transition:300ms; -ms-transition:300ms; transition:300ms;
	display:inline-block;
	border: 1px solid #dddddd; margin-right:10px; padding-left:50px; padding-right:50px;border-radius:5px; overflow:hidden; font-weight:lighter; color:#333333; cursor:default;
}
.news .title b.hover{ background-color:#327BDA; color:#ffffff;}
/*.news .title a{
	float:right;
	color:#666666;
	font-family: Arial, Helvetica, sans-serif;

}*/
.news .hc{ padding-top:30px;}
.news .left .hc{ display:none}
.news .left .hc.hover{ display:block;}
.news .left .hc .picli{ clear:both; padding-bottom:30px;}
.news .left .hc .picli .img{ float:left; overflow:hidden; width:305px; }
.news .left .hc .picli .img img{ width:100%; min-height:205px; max-height:205px;}
.news .left .hc .picli .img+.r{ margin-left:330px; line-height:1.5;}
.news .left .hc .picli .img+.r .ntitle{ font-size:18px;}
.news .left .hc .picli .img+.r .dp{ color:#999999; font-size:14px; color:rgba(50,50,50,0.75); margin-top:10px; max-height:4.5em; overflow:hidden; min-height:4.5em;}
.news .left .hc .picli .img+.r .mmore{ line-height:35px; padding-top:30px;}
.news .left .hc .picli .img+.r .mmore >span{ background-color:#ff6600;border-radius:50px; display:inline-block; padding-left:40px; padding-right:40px; color:#FFFFFF}
.news .left .hc .li{
	clear:both;
	border: 1px solid #eeeeee;
	padding:10px;
	margin-top: 10px;
	margin-bottom: 10px; font-size:16px;
}

.news .left .hc .li .date{ float:left; line-height:1.5; width:75px;text-align:center;}
.news .left .hc .li .date b,.news .left .hc .li .date span{ display:block; }
.news .left .hc .li .date b{ font-size:22px; font-weight:lighter; line-height:30px;}
.news .left .hc .li .date span{ font-size:16px; color:#999999; line-height:20px;}
.news .left .hc .li .date+.ntitle{
	margin-left:100px;
	line-height:50px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #eeeeee;
	padding-left:20px;
	padding-right:50px;
	white-space: nowrap;
	overflow: hidden; position:relative; color:#666666}
.news .left .hc .li .date+.ntitle .icon-jiahao_o{ display:none}	
.news .left .hc .li .date+.ntitle .iconfont{ font-size:36px; color:#999999; position:absolute; right:0; top:50%; margin-top:-18px; line-height:1em;}
.news .left .hc .li:hover .date+.ntitle .icon-anniu-jiantouxiangyou_o{ display:none}	
.news .left .hc .li .date+.ntitle .icon-jiahao_o{ font-size:16px; line-height:30px; text-align:center; width:30px; background-color:#ff6600; color:#ffffff;border-radius:100%;}	
.news .left .hc .li:hover .date+.ntitle .icon-jiahao_o{ display:block}	
.news .left .hc .li:hover .date b,.news .left .hc .li:hover .date+.ntitle{color:#ff6600;}
.news .left .hc .li:hover .date span{ color:rgba(255,118,12,0.6);}

.news .right .hc .li{
	clear:both;

	margin-top: 10px;
	margin-bottom: 10px; position:relative; 
}
.news .right .hc .li a{ display:block; padding:20px; padding-top:30px; padding-bottom:30px;}
.news .right .hc .li .r{ margin-right:120px;}
.news .right .hc .li .r .ntitle{
	white-space: nowrap;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd; font-size:20px;border-bottom-color:rgba(200,200,200,0.6);
	overflow: hidden; color:#333333; line-height:1.2; padding-bottom:10px;
}
.news .right .hc .li .r .dp{ color:#999999; font-size:15px; color:rgba(50,50,50,0.6); margin-top:10px; max-height:3em; overflow:hidden; min-height:3em; line-height:1.5;}
.news .right .hc .li .date{ float:left; line-height:1.5; width:100px;text-align:center; position:absolute; top:20px; right:10px;}
.news .right .hc .li .date b,.news .left .hc .li .date span{ display:block; }
.news .right .hc .li .date b{ font-size:32px; font-weight:lighter; line-height:40px;}
.news .right .hc .li .date span{ font-size:25px; color:#999999; line-height:30px;}
.news .right .hc .li a:hover{ background-color:#ff6600; color:#FFFFFF}
.news .right .hc .li a:hover .dp,.news .right .hc .li a:hover,.news .right .hc .li a:hover .ntitle{color:#FFFFFF}
.news .right .hc .li a:hover .date span{ color:#ffffff; color:rgba(255,255,255,0.6);}
.news .right .hc .li a:hover .date b{ color:#ffffff; color:rgba(255,255,255,0.8);}
.news .right .hc .li:hover .r .ntitle{border-bottom-color:rgba(255,255,255,0.5);}

.news  .hc .li,.news .left .hc .picli .img+.r{-webkit-transition:300ms; -moz-transition:300ms; -ms-transition:300ms; transition:300ms;}
.news  .hc .li:hover{ margin-left:-5px;}
.news .left .hc .picli:hover .img+.r{ margin-left:320px;}
/*客服*/
.kefu{ position:fixed; top:20%; right:0; background-color:#0273dc; color:#FFFFFF; text-align:center; width:120px; z-index:9; }
.kefu .iconfont{ color:#FFFFFF; font-size:38px; line-height:1;}
.kefu a{ color:#ffffff;}
.kefu a:hover{ background-color:#FF760C;}
.kefu .wx .iconfont{ font-size:28px}
.kefu .wx .wxqrcode{ Opacity:0;position:absolute; top:0; right:-200%;  z-index:-1;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}
.kefu .wx:hover .wxqrcode{Opacity:1; position:absolute; top:0; right:100%; z-index:-1; }
.kefu .item{background-color:#0273dc;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ffffff;border-top-color: rgba(255,255,255,0.6); position:relative;
}
.kefu .item .msg{
	background-color:#0273dc;
	position:absolute;
	right:-100%; margin-right:5px; font-size:14px;
	top:50%;
	color:#fff;
	white-space: nowrap;border-radius:5px; padding-left:10px; padding-right:10px;  z-index:-1;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms; margin-top:-10px;
}
.kefu .item:hover .msg{right:100%;}
.kefu .item .msg:after{
	content:'';
	border-top-width: 5px;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: rgba(255,255,255,0);
	border-right-color:  rgba(255,255,255,0);
	border-bottom-color: rgba(255,255,255,0);
	border-left-color: #0273dc; position:absolute; right:-10px; top:50%; margin-top:-5px;
}

.kefu .item:nth-child(1){ border:none;}
.kefu .item a{ display:block; padding:20px; cursor:pointer;}
.kefu .gotop .iconfont{
	border: 2px solid #ffffff;border-radius:100%; font-size:20px; padding:5px; font-weight:bold; display:inline-block;
}
/*.kefu .gotop>a{ padding-top:30px;}*/
.kefu .gotop  .txt{ padding-top:5px;}

/*内页*/
.banner .box{ position:relative;}
.banner{width:100%; overflow:hidden;}
.banner .box> img{ margin-left:-335px;}
.leftnav,.postion{ background-color:#E9EAE9; line-height:65px;}
.postion{  font-size:14px; color:#666666 }

.postion .box{ position:relative; padding-left:30px;}
.postion a{ color:#666666}
.postion .iconfont{ margin-right:5px; color:#197DDD; font-size:28px; position:absolute; left:0; top:50%; line-height:1; margin-top:-14px;}
.leftnav>.box>ul{ text-align:center;}
.leftnav>.box>ul>li{ display:inline-block;}
.leftnav>.box>ul>li>a{ display:block; padding-left:20px; padding-right:20px; position:relative;}
.leftnav>.box>ul>li>a>span{
	
	background-repeat: no-repeat;
	background-position: left center; padding-left:30px;
}
.leftnav>.box>ul>li font{ display:none}
.leftnav>.box>ul>li.hover>a{ background-color:#0676E2; color:#FFFFFF}
.leftnav>.box>ul>li>a:before{
	content:'';
	top:50%;
	margin-top:-8px;
	height:16px;
	left:0px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #cccccc; position:absolute;
}
.leftnav>.box>ul>li:nth-child(1)>a:before,.leftnav>.box>ul>li.hover>a:before{ display:none;}

.leftnav>.box>ul ul{ display:none}
#cms{ padding-top:20px;}
#cms  *{ max-width:100%;}
#cms .newsli{ background-color:#EEEEEE; padding:20px; margin-top:20px;}
#cms .newsli .li{ background-color:#ffffff; margin-bottom:10px; padding:20px; padding-top:20px; padding-bottom:20px; line-height:1.5;}
#cms .newsli .li .date{ float:left; width:100px; text-align:center; padding-top:20px; padding-bottom:20px;}
#cms .newsli .li .datei{ font-size:12px; color:#999999; display:none}
#cms .newsli .li .date b,#cms .newsli .li .date span{ display:block;}
#cms .newsli .li .date b{ color:#333333; font-size:18px;}
#cms .newsli .li .date span{ color:#666666}
#cms .newsli .li .date +.right{ margin-left:120px;-webkit-transition:200ms; -moz-transition:200ms; -ms-transition:200ms; transition:200ms;}
#cms .newsli .li .date +.right .ntitle{ font-size:18px;}
#cms .newsli .li .date +.right .dp{ color:#666666; margin-top:5px; font-size:14px;}
#cms .newsli .li .date +.right .dp .more{color: #002D80; padding-left:5px;}
#cms .newsli .li:hover .date{
	box-shadow:0 0 5px rgba(0,0,0,0.5);
	border: 1px solid #dddddd;
}
#cms .newsli .li:hover .date +.right{ margin-left:115px;}
#cms1{ margin-top:30px;}
#cms1 *{ max-width:100%;}
#cms1 h1.h1{ font-size:22px; text-align:center;}
#cms1 .info{ font-size:14px; color:#999999}
#cms1 .content{ margin-top:20px;}
#cms1 .nextpage,#cms1 .nextpagei{ line-height:45px; padding-top:50px; padding-bottom:20px; clear:both; position:relative;}
#cms1  .nextpage>div{width:46%;}
#cms1  .nextpage i{color: #197DDD; font-size:28px; position:absolute; left:5px; top:50%; margin-top:-12px; line-height:1; font-weight:bold;}
#cms1  .nextpage a{
	display:block;
	padding-right: 10px;
	padding-left: 10px;
	border: 1px solid #dddddd;
	white-space: nowrap;
	overflow: hidden;border-radius:20px; position:relative;
}
#cms1  .nextpage .fl a{ padding-left:30px;}
#cms1  .nextpage .fr a{ padding-right:30px; text-align:right;}
#cms1  .nextpage .fr a i{ left:auto; right:5px;}
#cms1  .nextpage a:hover{ background-color:#197DDD; color:#FFFFFF}
#cms1  .nextpage a:hover i{ color:#ffffff;}
#cms1  .nextpage>i{background-color:#197DDD; color:#FFFFFF;border-radius:100%; font-size:14px; padding:10px; position:absolute; left:50%; top:50%; margin-top:-17px; margin-left:-17px;}
#cms1 .nextpagei{ line-height:32px;}
.nextpagei>div>span{ display:inline-block; background-color:#A1A1A1; color:#ffffff; padding-right:10px; padding-left:10px; margin-right:10px;}
.nextpagei>div:nth-child(2){
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #cccccc;
}
#cms1.jgmcs{ background-color:#ffffff; padding:20px;}
.jgmcs.postion{ background-color:#f4f4f4; }
.newstj{ clear:both; margin-top:50px;}
.newstj .etitle{
	background-image: url(newsico.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 40px; line-height:45px; font-size:20px;
}
.newstj .etitle span{color:#197DDD; font-weight:bold;}
.newstj .etitle font{
	color:#197DDD;
	display:inline-block;
	position:relative;
	padding-left:10px;
	margin-left:10px;
	font-family: Arial, Helvetica, sans-serif;
}
.newstj .etitle font:before{
	content:'';
	position:absolute;
	left:0;
	top:50%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #dddddd; height:20px; margin-top:-10px;
}
.newstj .etitle a{
	float:right;
	border: 1px solid #dddddd; padding-right:20px; padding-left:20px; line-height:30px; font-size:14px;border-radius:30px;
}
.newstj .etitle a:hover{background-color:#197DDD; color:#FFFFFF}
.newstj .etitle a:hover i{ color:#ffffff;}
.newstj .econtent{ clear:both;}
.newstj .econtent .li{ float:right; width:48%; font-size:14px; line-height:35px;}
.newstj .econtent .li:nth-child(2n+1){ float:left; clear:both;}
.newstj .econtent .li .ntitle{
	width:calc(100% - 120px);
	overflow:hidden;
	white-space: nowrap; float:left; color:#666666; position:relative; padding-left:25px;
}
.newstj .econtent .li a:hover .ntitle{color:#197DDD;}
.newstj .econtent .li .ntitle i{ font-size:28px; position:absolute; left:0; top:50%; line-height:1; margin-top:-14px;}
.newstj .econtent .li .date{ width:80px; float:right; font-size:14px; color:#999999}

#cms .picli{ width:32%; margin-left:2%; margin-top:20px; margin-bottom:20px; float:left;}
#cms .picli:nth-child(3n+1){ clear:both; margin-left:0;}
#cms .picli .img{ overflow:hidden; float:left; width:100%; text-align:center; position:relative;}
#cms .picli .img img{ width:100%;}
#cms .picli .ntitle{white-space: nowrap;
	overflow: hidden; margin-top:10px; color:#333333; clear:both; width:100%; float:left;}
#cms .picli .img .txt{
	position:absolute;
	left:0;
	bottom:-100%;
	background-color:rgba(6,118,226, 0.6);
	width:80%;
	color:#ffffff;
	padding-left:10%;
	padding-right:10%;
	text-align:center;
	line-height:55px;
	white-space: nowrap;
	overflow: hidden;-webkit-transition:300ms; -moz-transition:300ms; -ms-transition:300ms; transition:300ms;
}
#cms .picli:hover .img .txt{ bottom:0;
}

.wbg{ background-color:#ffffff;}
#cms .hli{box-sizing:border-box; width:23%; float:left; margin-left:1%; margin-right:1%; margin-top:20px; margin-bottom:20px;border: 1px solid #dddddd; /*min-height:320px; */padding:10px;}
#cms .hli:nth-child(4n+1){ clear:both;}
#cms .hli .img{
	overflow:hidden;
	float:left;
	width:100%; min-height:230px; max-height:230px;
}
#cms .hli .ntitle{
	text-align:center;
	white-space: nowrap;
	overflow: hidden; margin-top:10px; clear:both; width:100%; float:left;
}

/*#cms .hli.hjli .img{ min-height:230px; max-height:230px;}*/

.honorcms{ background-color:#ffffff; margin-top:50px; padding-bottom:50px;}

#cms .jobli{ background-color:#ffffff; margin-top:20px; margin-bottom:20px; }
#cms .jobli .title{ position:relative;padding:20px; padding-right:100px;}
#cms .jobli .title .more{ position:absolute; top:20px; right:10px; padding-right:40px; font-size:16px}
#cms .jobli .title .more i{ font-size:28px; position:absolute; right:0; top:50%; margin-top:-14px; line-height:1;}

#cms .jobli .title .ntitle{ font-size:18px; line-height:1.2; padding-top:5px;}
#cms .jobli .title .dp{
	white-space: nowrap;
	overflow: hidden; font-size:14px; color:#666666
}
#cms .jobli .hc{ display:none; padding:20px; padding-top:10px;}

#cms .jobli .hc .t1{ font-size:18px; color:#333333}
#cms .jobli .hc .txt{ color:#666666; line-height:1.5; font-size:16px;}
#cms .jobli .hc .btn{ clear:both; padding-top:20px;}
#cms .jobli .hc .btn span{ display:inline-block; background-color:#197DDD; color:#FFFFFF; padding-left:20px; padding-right:20px;}
#cms .jobli .title:hover,#cms .jobli .title.hover{ background-color:#197DDD; color:#FFFFFF}
#cms .jobli .title:hover .dp,#cms .jobli .title.hover .dp{color:#FFFFFF; color:rgba(255,255,255,0.6);}
#cms .jobli .title.hover .more i:before{ content: "\e605";}
#cms .jobli .title.hover+ .hc{ display:block;}






#cms .proli{ float:left; width:32%; margin-left:2%; margin-bottom:15px;}

#cms .proli .img{ overflow:hidden; position:relative; float:left; width:100%;}
#cms .proli .img:after{ content:''; position:absolute; top:0%;  width:100%; height:100%; z-index:1; font-size:48px; color:rgba(255,255,255,0.6); background-color:rgba(0,0,0,0.5); display:none;}
	#cms .proli .img .iconfont{
	position:absolute;
	width:50px;
	height:50px; text-align:center; line-height:50px;
	left:50%;
	top:50%;
	margin-top:-25px;
	margin-left:-25px;
	border: 1px solid rgba(255,255,255,0.4); color:rgba(255,255,255,0.6); font-size:36px;border-radius:100%; display:none;
}
	
		#cms .proli .img .ico{
	display: flex;
	justify-content:center;
	align-items:center;
	width:100%;
	height:100%;
	position:absolute;
	top:0%;
	left:0%;
	border: 1px solid rgba(255,255,255,0); z-index:2;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}

#cms .proli:hover .img .ico{

	width:80%;
	height:80%;

	top:10%;
	left:10%;border: 1px solid rgba(255,255,255,0.1); 

}
#cms .proli:hover .img .iconfont{ display:block}

	
#cms .proli .img{ max-width:100%; min-height:200px; max-height:200px; overflow:hidden;display: flex;
    justify-content:center;
    align-items:center;}
#cms .proli .img img{ min-height:200px; max-height:200px;}	
#cms .proli:nth-child(3n+1){ clear:both; margin-left:0;}
#cms .proli .title{ line-height:30px; padding-top:10px; padding-bottom:10px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden; padding-left:10px; padding-right:10px;
}
#cms .proli:hover .title{ background-color:#FF6600; color:#FFFFFF}


	
#cms .proli:hover .img:after,#cms .proli:hover .img .ico{ display:block;}

#left{ width:335px; float:left; }
#left+#right{ float:right; width:calc(100% - 380px);}
#left,#right{ margin-top:50px;}
#left .etitle{ line-height:1.5; background-color:#1263CE; color:#FFFFFF; text-align:center; padding-top:20px; padding-bottom:20px;}
#left .etitle b{ display:block; font-size:22px;}
#left .etitle span{
	display:block;/* color:rgba(255,255,255,0.8);*/
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
.leftdh { line-height:1.5; padding-bottom:20px;}
.leftdh ul li a{
	display:block;
	padding-right:20px;
	padding-left:30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd; padding-top:10px; padding-bottom:10px; position:relative; 
}
.leftdh >ul ul{ display:none;}
.leftdh >ul> li> a>span{ position:relative; padding-left:30px; display:inline-block;}
.leftdh >ul> li> a>span:before {
font-family: "iconfont" !important;
  font-size: 14px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e87e"; background-color:#1569CB; color:#ffffff;border-radius:100%; position:absolute; left:0px; top:50%; line-height:1; margin-top:-12px; padding:5px;
}
.leftdh >ul> li> ul> li>a{ padding-left:50px;}
.leftdh >ul> li> ul> li>a>span{ position:relative; padding-left:20px; display:inline-block;}
.leftdh >ul> li> ul> li>a>span:before {
font-family: "iconfont" !important;
  font-size: 14px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 content: "\e602"; color:#333333;border-radius:100%; position:absolute; left:0px; top:50%; line-height:1; margin-top:-12px; padding:5px;
}
.leftdh >ul> li> ul> li.hover>a,.leftdh >ul> li> ul> li.hover>a>span:before,.leftdh >ul> li> ul> li:hover>a,.leftdh >ul> li> ul> li:hover>a>span:before{ color:#FF770D;}
.leftdh >ul> li.hover> a>span:before,.leftdh >ul> li:hover> a>span:before,.leftdh >ul> li.active> a>span:before {background-color:#FF770D;}
.leftdh >ul> li.hover> a>span,.leftdh >ul> li:hover> a>span,.leftdh >ul> li.active> a>span{color:#FF770D;}

.leftdh >ul> li.active>ul,.leftdh >ul> li.hover>ul{ display:block;}
.leftdh >ul> li.hover> a>span,.leftdh >ul> li.active> a>span{ font-weight:bold;}
#left+#right #cms1{ margin-top:0;}

#left .lxin,#left .tags{ float:left; width:100%; padding-bottom:20px; clear:both; margin-top:20px;}

#left  .econtent{ padding:15px;}
#left .lxin .econtent .hc{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #1F70E3; padding-bottom:10px;
}
#left .wbg{ background-color:#ffffff;}
#left .tags .econtent .hc a{ display:inline-block; padding-left:10px; padding-right:10px; margin:5px;background-color:#eeeeee; color:#333333; }
#left .tags .econtent .hc a:hover{background-color:#1263CE; color:#FFFFFF;}
/*联系*/
.contact{ background-color:#FFFFFF; float:left; width:100%; margin-top:50px;}
.contact .left{ float:left; width:50%; box-sizing:border-box; padding:30px; padding-left:60px; padding-right:60px;}
.contact .left+.map{ float:right; width:50%;}
.contact .left .item{
	padding-left:50px;
	position:relative;
	line-height:52px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
}
.contact .left .item.cp{ padding:0;color:#FE7407; font-size:24px; font-weight:bold;}
.contact .left .item .iconfont:before{ background-color:#FE7407; color:#FFFFFF;border-radius:100%; position:absolute ; left:0; top:50%; font-size:18px; margin-top:-19px; padding:10px; line-height:1;}

.message{
	float:left;
	width:100%;
	margin-top:50px;
	background-color:#ffffff;
	background-image: url(msg.jpg);
	background-repeat: no-repeat;
	background-position: 50px bottom; min-height:500px;box-sizing:border-box; padding:30px;  padding-left:60px; padding-right:60px;
}
.message .etitle{ line-height:1.5; float:left; width:50%;}
.message .etitle b{ display:block; color:#000000; font-size:32px}
.message .etitle span{ color:#cccccc; font-size:24px; display:block;}
.message .econtent{ float:right; width:50%;}
.message .econtent input,.message .econtent textarea{
	height: 60px;
	width: 100%;
	border: 1px solid #dddddd;
	float: left;
	margin-bottom: 20px;
	font-family: 'HELVETICANEUELTPRO-THEX',"Microsoft YaHei", "微软雅黑", Arial, sans-serif; font-size:18px; box-sizing:border-box; padding-left:20px; padding-right:20px;
}
.message .econtent textarea{ height:160px; padding:20px;}
.message .econtent button{ background-color:#FF760C; color:#FFFFFF; border:none;height: 60px; width:100%; font-size:18px;}

/*搜索*/
.searchform{ text-align:center; padding-top:20px;}
.searchform form{ display:inline-block;}
.searchform input{	border: 1px solid #dddddd; height:45px; float:left; width:300px; max-width:100%; font-size:16px; box-sizing:border-box;padding-left:10px; padding-right:10px;}
.searchform button{ background-color:#FF760C; color:#FFFFFF; border:none;height: 45px; width:100px; font-size:18px; float:left}

.aboutin{ background-color:#ffffff; padding:20px;box-sizing:border-box; padding-bottom:30px;}
.aboutin .etitle{ text-align:center; font-size:36px; color:#000000;}
.aboutin .econtent{ clear:both; margin-top:50px;}
.aboutin .img{ width:48%; float:right; overflow:hidden;}
.aboutin .econtent .img+.right{ float:left; width:50%;}
.aboutin .econtent .img+.right .title{ font-size:22px; color:#000000; position:relative;}
.aboutin .econtent .img+.right .title:before{
	content:'';
	bottom:0;
	left:0;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #3366FF; width:2em; position:absolute;
}
.aboutin .econtent .img+.right .hcontent{ line-height:2; padding-top:10px;}

.aboutny .aboutin+.content{ clear:both; padding-top:20px;}

.allcontent{}
.allcontent >dl{overflow:hidden;border:1px solid #ccc;max-height:200px;min-height:200px;margin-bottom:0px;}
.allcontent >dl >dd{float:left;width:383px;padding-left:20px;}
.allcontent >dl >dd>h3{font-size:26px;font-weight:bold;color:#004186;margin-bottom:30px;}
.allcontent >dl> dt{ width:calc(100% - 410px); overflow:hidden; float:right;}
#cms1 .allcontent >dl >dd>.content{ margin-top:0;}
.jiej{
	font-family:"Microsoft Yahei";
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dddddd; padding-top:50px; margin-top:50px;
}
.jiej >dl{ width:24%; min-height:410px; max-height:410px; background:#00458E url(22.jpg) no-repeat center bottom; margin-left:1.333333333333%; overflow:hidden; float:left;}
.jiej >dl:nth-child(4n+1){ margin-left:0px; clear:both}
.jiej >dl >dt{ overflow:hidden;}
.jiej >dl >dt img{ width:100%; min-height:225px;max-height:225px; display:block}

.jiej >dl >dd >h3{color:#fff; line-height:45px; text-align:center;  font-size:20px;}

#cms1 .jiej >dl> dd >.content{ max-height:4.5em; min-height:4.5em; overflow:hidden; font-size:14px; color:#fff; padding:10px 20px 0; line-height:1.5; margin-top:0; padding-top:0px;}
.aboutcontent{ padding:20px; background-color:#FFFFFF}